@import "./lib/variable";

.bigDataText {
  max-width: 800rem /@pxToRem;
  margin-top: 300rem*0.88 /@pxToRem;
  margin-left: 176rem /@pxToRem;
  .companyList {
    padding: 0;
    margin: 0;
    li {
      list-style: none;
      display: flex;
      font-size:24rem / @pxToRem;
      height: 50rem  /@pxToRem;
      line-height: 1.8;
      margin-bottom: 80rem*0.88 / @pxToRem;
    }
    .logoBox {
      width: 300rem / @pxToRem;
      height: 100%;
      text-align: right;
      font-size:0;
      img {
        height: 100%;
      }
    }
    span {
      font-size: 40rem  / @pxToRem;
      color: #00adee;
      margin-left: 50rem / @pxToRem;
    }
  }
  h3 {
    font-size: 24rem / @pxToRem;
    color: #00adee;
    padding: 0;
    margin: 0 0 10rem / @pxToRem 0;
    font-weight: normal;
  }
  p {
    text-indent: 2em;
    font-size: 22rem / @pxToRem;
    color: #000;
    line-height: 2;
  }
}

.T-border {
  position: relative;
  &::after {
    content: '';
    position: absolute;
    left: -36rem / @pxToRem;
    top: 0rem;
    width: 2px;
    height: 370rem*0.88 / @pxToRem;
    background: #00adee;
  }
}

.T2-border {
  position: relative;
  &::after {
    content: '';
    position: absolute;
    left: -36rem / @pxToRem;
    top: 0rem;
    width: 2px;
    height: 330rem / @pxToRem;
    background: #00adee;
  }
}

.T1-border {
  position: relative;
  &::after {
    content: '';
    position: absolute;
    left: -36rem / @pxToRem;
    top: 0rem;
    width: 2px;
    height: 450rem / @pxToRem;
    background: #00adee;
  }
}

.textImg {
  width: 100%;
  img {
    width: 100%;
    margin-top: 380rem*0.88 / @pxToRem;
  }
}

.dataImg {
  width: 100%;
  img{
    height: 545rem / @pxToRem;
  }
}
.specialImg{
  width: 100%;
  img{
    height: 450rem*0.88 / @pxToRem;
  }
}


.mt_4 {
  margin-top: 60rem *0.88 / @pxToRem;
}

.autoLists {
  margin: 0;
  padding: 0;
  li {
    list-style: none;
    line-height: 2;
    font-size:0;
  }
  b,span{
    font-size:24rem / @pxToRem;
  }
}

.leftBox {
  margin-top: 120rem / @pxToRem;
}

.wd_8 img {
  width: 770rem / @pxToRem;
  height: 800rem / @pxToRem;
}
.logoImg{
  font-size:0;
}
.logoImg img {
  width: 240rem / @pxToRem;
}

.mb_2 {
  margin-bottom: 40rem*0.88 / @pxToRem;
}

.commonLists {
  padding: 0 0 20rem / @pxToRem 0;
  margin: 0;
  li {
    font-size: 24rem / @pxToRem;
    line-height: 2;
    list-style: none;
    padding-left: 40rem / @pxToRem;
    background: url("../images/point.png") no-repeat;
    background-position: 0rem 10rem / @pxToRem;
    background-size: 30rem / @pxToRem 30rem / @pxToRem;
  }
}
.specialStyle{
  p{
    margin:0;
    font-size:22rem / @pxToRem;
    line-height: 1.8;
  }
}

/*@media only screen and (min-width: 1441px) and (max-width: 1691px){
  !*@bigScreenScale  字体大小比例*!
  .bigDataText {
    max-width: 42rem * @bigScreenScale;
    margin-top: 15rem * @bigScreenScale;
    margin-left: 10.8rem * @bigScreenScale;
    .companyList {
      li {
        height: 3rem * @bigScreenScale;
        line-height: 3rem * @bigScreenScale;
        margin-bottom: 5rem * @bigScreenScale;
      }
      .logoBox {
        width: 16.5rem * @bigScreenScale;
      }
      span {
        font-size: 2rem * @bigScreenScale;
        margin-left: 2.5rem * @bigScreenScale;
      }
    }
    h3 {
      font-size: 1.8rem * @bigScreenScale;
      margin: 0 0 2rem * @bigScreenScale 0;
    }
    p {
      text-indent: 2em * @bigScreenScale;
      font-size: 1.4rem * @bigScreenScale;
      line-height: 3rem * @bigScreenScale;
    }
  }

  .T-border {
    &::after {
      left: -1.8rem * @bigScreenScale;
      width: 2px * @bigScreenScale;
      height: 18.5rem * @bigScreenScale;
    }
  }

  .T2-border {
    &::after {
      left: -1.8rem * @bigScreenScale;
      width: 2px * @bigScreenScale;
      height: 16.5rem * @bigScreenScale;
    }
  }

  .T1-border {
    &::after {
      left: -1.8rem * @bigScreenScale;
      width: 2px * @bigScreenScale;
      height: 22.5rem * @bigScreenScale;
    }
  }

  .textImg {
    img {
      margin-top: 19rem * @bigScreenScale;
    }
  }

  .mt_4 {
    margin-top: 3rem * @bigScreenScale;
  }

  .autoLists {
    li {
      line-height: 3rem * @bigScreenScale;
    }
  }

  .leftBox {
    margin-top: 6rem * @bigScreenScale;
  }


  .logoImg img {
    width: 12rem * @bigScreenScale;
  }

  .mb_2 {
    margin-bottom: 2rem * @bigScreenScale;
  }

  .commonLists {
    padding: 0 0 1rem * @bigScreenScale 0;
    li {
      font-size: 1.4rem * @bigScreenScale;
      line-height: 2rem * @bigScreenScale;
      padding-left: 2rem * @bigScreenScale;
      background-position: 0rem .5rem * @bigScreenScale;
      background-size: 1.5rem * @bigScreenScale 1.5rem * @bigScreenScale;
    }
  }
  .specialStyle{
    p{
      font-size:1.2rem * @bigScreenScale;
      line-height: 2rem * @bigScreenScale;
    }
  }

}

@media only screen and (min-width: 1281px) and (max-width: 1440px){
  !*@normalScreenScale 字体大小比例*!
  .bigDataText {
    max-width: 42rem * @normalScreenScale;
    margin-top: 12rem * @normalScreenScale;
    margin-left: 10.8rem * @normalScreenScale;
    .companyList {
      li {
        height: 3rem * @normalScreenScale;
        line-height: 3rem * @normalScreenScale;
        margin-bottom: 5rem * @normalScreenScale;
      }
      .logoBox {
        width: 16.5rem * @normalScreenScale;
      }
      span {
        font-size: 2rem * @normalScreenScale;
        margin-left: 2.5rem * @normalScreenScale;
      }
    }
    h3 {
      font-size: 1.8rem * @normalScreenScale;
      margin: 0 0 1rem * @normalScreenScale 0;
    }
    p {
      text-indent: 2em * @normalScreenScale;
      font-size: 1.4rem * @normalScreenScale;
      line-height: 3rem * @normalScreenScale;
    }
  }
  .dataImg img{
    width: 80%;
  }

  .wd_8{
   width: 70%;
  }

  .T-border {
    &::after {
      left: -1.8rem * @normalScreenScale;
      width: 2px * @normalScreenScale;
      height: 18.5rem * @normalScreenScale;
    }
  }

  .T2-border {
    &::after {
      left: -1.8rem * @normalScreenScale;
      width: 2px * @normalScreenScale;
      height: 16.5rem * @normalScreenScale;
    }
  }

  .T1-border {
    &::after {
      left: -1.8rem * @normalScreenScale;
      width: 2px * @normalScreenScale;
      height: 22.5rem * @normalScreenScale;
    }
  }

  .textImg {
    img {
      margin-top: 10rem * @normalScreenScale;
    }
  }

  .mt_4 {
    margin-top: 3rem * @normalScreenScale;
  }

  .autoLists {
    li {
      line-height: 3rem * @normalScreenScale;
    }
  }

  .leftBox {
    margin-top: 6rem * @normalScreenScale;
  }


  .logoImg img {
    width: 12rem * @normalScreenScale;
  }

  .mb_2 {
    margin-bottom: 2rem * @normalScreenScale;
  }

  .commonLists {
    padding: 0 0 1rem * @normalScreenScale 0;
    li {
      font-size: 1.4rem * @normalScreenScale;
      line-height: 2.5rem * @normalScreenScale;
      padding-left: 2rem * @normalScreenScale;
      background-position: 0rem .5rem * @normalScreenScale;
      background-size: 1.5rem * @normalScreenScale 1.5rem * @normalScreenScale;
    }
  }
  .specialStyle{
    p{
      font-size:1.2rem * @normalScreenScale;
      line-height: 2rem * @normalScreenScale;
    }
  }
}

@media only screen and (min-width: 981px) and (max-width: 1280px) {
  !* @minScreenScale 字体大小比例*!
  .bigDataText {
    max-width: 42rem * @minScreenScale ;
    margin-top: 15rem * @minScreenScale ;
    margin-left: 10.8rem * @minScreenScale ;
    .companyList {
      li {
        height: 3rem * @minScreenScale ;
        line-height: 3rem * @minScreenScale ;
        margin-bottom: 5rem * @minScreenScale ;
      }
      .logoBox {
        width: 16.5rem * @minScreenScale ;
      }
      span {
        font-size: 2rem * @minScreenScale ;
        margin-left: 2.5rem * @minScreenScale ;
      }
    }
    h3 {
      font-size: 1.8rem * @minScreenScale ;
      margin: 0 0 2rem * @minScreenScale  0;
    }
    p {
      text-indent: 2em * @minScreenScale ;
      font-size: 1.4rem * @minScreenScale ;
      line-height: 3rem * @minScreenScale ;
    }
  }

  .T-border {
    &::after {
      left: -1.8rem * @minScreenScale ;
      width: 2px * @minScreenScale ;
      height: 18.5rem * @minScreenScale ;
    }
  }

  .T2-border {
    &::after {
      left: -1.8rem * @minScreenScale ;
      width: 2px * @minScreenScale ;
      height: 16.5rem * @minScreenScale ;
    }
  }

  .T1-border {
    &::after {
      left: -1.8rem * @minScreenScale ;
      width: 2px * @minScreenScale ;
      height: 22.5rem * @minScreenScale ;
    }
  }

  .textImg {
    img {
      margin-top: 19rem * @minScreenScale ;
    }
  }

  .mt_4 {
    margin-top: 3rem * @minScreenScale ;
  }

  .autoLists {
    li {
      line-height: 3rem * @minScreenScale ;
    }
  }

  .leftBox {
    margin-top: 6rem * @minScreenScale ;
  }


  .logoImg img {
    width: 12rem * @minScreenScale ;
  }

  .mb_2 {
    margin-bottom: 2rem * @minScreenScale ;
  }

  .commonLists {
    padding: 0 0 2rem * @minScreenScale  0;
    li {
      font-size: 1.4rem * @minScreenScale ;
      line-height: 2.5rem * @minScreenScale ;
      padding-left: 2rem * @minScreenScale ;
      background-position: 0rem .5rem * @minScreenScale ;
      background-size: 1.5rem * @minScreenScale  1.5rem * @minScreenScale ;
    }
  }
  .specialStyle{
    p{
      font-size:1.2rem * @minScreenScale ;
      line-height: 2rem * @minScreenScale ;
    }
  }
}

@media only screen and (min-width: 737px) and (max-width: 980px) {
  !* @padScreenScale 字体大小比例*!
  .bigDataText {
    max-width: 42rem * @padScreenScale ;
    margin-top: 15rem * @padScreenScale ;
    margin-left: 10.8rem * @padScreenScale ;
    .companyList {
      li {
        height: 3rem * @padScreenScale ;
        line-height: 3rem * @padScreenScale ;
        margin-bottom: 5rem * @padScreenScale ;
      }
      .logoBox {
        width: 16.5rem * @padScreenScale ;
      }
      span {
        font-size: 2rem * @padScreenScale ;
        margin-left: 2.5rem * @padScreenScale ;
      }
    }
    h3 {
      font-size: 1.8rem * @padScreenScale ;
      margin: 0 0 2rem * @padScreenScale  0;
    }
    p {
      text-indent: 2em * @padScreenScale ;
      font-size: 1.4rem * @padScreenScale ;
      line-height: 3rem * @padScreenScale ;
    }
  }

  .T-border {
    &::after {
      left: -1.8rem * @padScreenScale ;
      width: 2px * @padScreenScale ;
      height: 18.5rem * @padScreenScale ;
    }
  }

  .T2-border {
    &::after {
      left: -1.8rem * @padScreenScale ;
      width: 2px * @padScreenScale ;
      height: 16.5rem * @padScreenScale ;
    }
  }

  .T1-border {
    &::after {
      left: -1.8rem * @padScreenScale ;
      width: 2px * @padScreenScale ;
      height: 22.5rem * @padScreenScale ;
    }
  }

  .textImg {
    img {
      margin-top: 19rem * @padScreenScale ;
    }
  }

  .mt_4 {
    margin-top: 3rem * @padScreenScale ;
  }

  .autoLists {
    li {
      line-height: 3rem * @padScreenScale ;
    }
  }

  .leftBox {
    margin-top: 6rem * @padScreenScale ;
  }


  .logoImg img {
    width: 12rem * @padScreenScale ;
  }

  .mb_2 {
    margin-bottom: 2rem * @padScreenScale ;
  }

  .commonLists {
    padding: 0 0 2rem * @padScreenScale  0;
    li {
      font-size: 1.4rem * @padScreenScale ;
      line-height: 2.5rem * @padScreenScale ;
      padding-left: 2rem * @padScreenScale ;
      background-position: 0rem .5rem * @padScreenScale ;
      background-size: 1.5rem * @padScreenScale  1.5rem * @padScreenScale ;
    }
  }
  .specialStyle{
    p{
      font-size:1.2rem * @padScreenScale ;
      line-height: 2rem * @padScreenScale ;
    }
  }
}

@media only screen and (min-width: 481px) and (max-width: 736px) {
  !*@smallScreenScale  字体大小比例*!
  .bigDataText {
    max-width: 42rem * @smallScreenScale ;
    margin-top: 15rem * @smallScreenScale ;
    margin-left: 10.8rem * @smallScreenScale ;
    .companyList {
      li {
        height: 3rem * @smallScreenScale ;
        line-height: 3rem * @smallScreenScale ;
        margin-bottom: 5rem * @smallScreenScale ;
      }
      .logoBox {
        width: 16.5rem * @smallScreenScale ;
      }
      span {
        font-size: 2rem * @smallScreenScale ;
        margin-left: 2.5rem * @smallScreenScale ;
      }
    }
    h3 {
      font-size: 1.8rem * @smallScreenScale ;
      margin: 0 0 2rem * @smallScreenScale  0;
    }
    p {
      text-indent: 2em * @smallScreenScale ;
      font-size: 1.4rem * @smallScreenScale ;
      line-height: 3rem * @smallScreenScale ;
    }
  }

  .T-border {
    &::after {
      left: -1.8rem * @smallScreenScale ;
      width: 2px * @smallScreenScale ;
      height: 18.5rem * @smallScreenScale ;
    }
  }

  .T2-border {
    &::after {
      left: -1.8rem * @smallScreenScale ;
      width: 2px * @smallScreenScale ;
      height: 16.5rem * @smallScreenScale ;
    }
  }

  .T1-border {
    &::after {
      left: -1.8rem * @smallScreenScale ;
      width: 2px * @smallScreenScale ;
      height: 22.5rem * @smallScreenScale ;
    }
  }

  .textImg {
    img {
      margin-top: 19rem * @smallScreenScale ;
    }
  }

  .mt_4 {
    margin-top: 3rem * @smallScreenScale ;
  }

  .autoLists {
    li {
      line-height: 3rem * @smallScreenScale ;
    }
  }

  .leftBox {
    margin-top: 6rem * @smallScreenScale ;
  }


  .logoImg img {
    width: 12rem * @smallScreenScale ;
  }

  .mb_2 {
    margin-bottom: 2rem * @smallScreenScale ;
  }

  .commonLists {
    padding: 0 0 2rem * @smallScreenScale  0;
    li {
      font-size: 1.4rem * @smallScreenScale ;
      line-height: 2.5rem * @smallScreenScale ;
      padding-left: 2rem * @smallScreenScale ;
      background-position: 0rem .5rem * @smallScreenScale ;
      background-size: 1.5rem * @smallScreenScale  1.5rem * @smallScreenScale ;
    }
  }
  .specialStyle{
    p{
      font-size:1.2rem * @smallScreenScale ;
      line-height: 2rem * @smallScreenScale ;
    }
  }
}

@media only screen and (max-width: 480px) {

}*/
